import React from 'react';
import { View, StyleSheet, Alert } from 'react-native';
import {
    useThemeColors,
    Navigation,
    UI,
    Layout,
} from '@gaozh1024/rn-toolkit';
import { SCREEN_NAMES } from '../../config';

export default function FeedbackScreen() {
    const colors = useThemeColors();

    return (
        <Layout.Page
            scrollable={true}
            headerProps={{
                title: 'Feedback'
            }}
        >
            {/* 新增：Modal 测试入口 */}
            <UI.Button title={'Modal'} fullWidth mt={12}
                onPress={() => Navigation.navigate(SCREEN_NAMES.FEEDBACK_MODAL_TEST)} />
            {/* 新增：ActionSheet 测试入口 */}
            <UI.Button title={'ActionSheet'} fullWidth mt={12}
                onPress={() => Navigation.navigate(SCREEN_NAMES.FEEDBACK_ACTION_SHEET_TEST)} />
            {/* 新增：Dialog 测试入口 */}
            <UI.Button title={'Dialog'} fullWidth mt={12}
                onPress={() => Navigation.navigate(SCREEN_NAMES.FEEDBACK_DIALOG_TEST)} />
            {/* 新增：Snackbar 测试入口 */}
            <UI.Button title={'Snackbar'} fullWidth mt={12}
                onPress={() => Navigation.navigate(SCREEN_NAMES.FEEDBACK_SNACKBAR_TEST)} />
            {/* 新增：Result 测试入口 */}
            <UI.Button title={'Result'} fullWidth mt={12}
                onPress={() => Navigation.navigate(SCREEN_NAMES.FEEDBACK_RESULT_TEST)} />
            {/* 新增：Empty 测试入口 */}
            <UI.Button title={'Empty'} fullWidth mt={12}
                onPress={() => Navigation.navigate(SCREEN_NAMES.FEEDBACK_EMPTY_TEST)} />
            {/* 新增：Loading 测试入口 */}
            <UI.Button title={'Loading'} fullWidth mt={12}
                onPress={() => Navigation.navigate(SCREEN_NAMES.FEEDBACK_LOADING_TEST)} />
            {/* 新增：Picker 测试入口 */}
            <UI.Button title={'Picker'} fullWidth mt={12}
                onPress={() => Navigation.navigate(SCREEN_NAMES.FEEDBACK_PICKER_TEST)} />
        </Layout.Page >
    );
}
